/* eslint-disable radix */
import React from "react";

// eslint-disable-next-line react/prefer-stateless-function
class Msg extends React.Component<any> {
    render() {
        const { props } = this;
        const { style } = props;
        return (
            <svg
                viewBox="0 0 1024 1024"
                width={parseInt(this.props.width)}
                height={
                    props.height !== undefined
                        ? parseInt(this.props.height)
                        : parseInt(this.props.width)
                }
                onClick={this.props.onClick}
                aria-hidden="true"
                className="svg-msg"
                style={style}
            >
                <path
                    d="M793.6 824.0128l-399.36-230.4c-52.9408-30.72-95.8464-112.64-95.8464-183.0912v-232.448C298.5984 107.52 341.504
    75.0592 394.24 105.6256l399.36 230.4c52.9408 30.72 95.8464 112.64 95.8464 183.0912v232.2944c0.1536 70.7072-42.752 103.1168-95.8464
    72.6016z"
                    fill={this.props.fill || "#000"}
                />
                <path
                    d="M853.6064 830.3616l-164.2496 94.7712v-240.9472l164.2496-94.8224v240.9984zM328.3456
    343.6544L164.1472 438.4768V197.5296l164.1984-94.8224v240.9472z"
                    fill={this.props.fill || "#000"}
                />
                <path
                    d="M629.76 918.3744l-399.36-230.4c-52.9408-30.72-95.8464-112.64-95.8464-183.0912v-232.448c0-70.5536
    42.9056-103.0144 95.8464-72.448l399.36 230.4c52.9408 30.72 95.8464 112.64 95.8464 183.0912v232.2944c-0.2048
    70.7072-43.1104 103.168-95.8464 72.6016z"
                    fill={this.props.fill || "#000"}
                />
                <path
                    d="M506.624 746.5984L221.6448
    389.2736l-2.0992 380.16 287.0784-22.8352z"
                    fill={this.props.fill || "#000"}
                />
                <path
                    d="M354.56 498.6368c0
    34.4576-24.1664 48.4352-54.016 31.1808S246.4768 470.7328 246.4768 436.2752s24.1664-48.4352 54.016-31.1808
    54.0672 59.0848 54.0672 93.5424zM498.6368 581.8368c0 34.4576-24.1664 48.4352-54.016 31.1808s-54.016-59.136-54.016-93.5424S414.72
    471.04 444.6208 488.2944s54.016 59.0848 54.016 93.5424zM642.7648 665.0368c0 34.4576-24.1664 48.4352-54.016 31.1808s-54.016-59.136-54.016-93.5424 24.1664-48.4352
    54.016-31.1808 54.016 59.0848 54.016 93.5424z"
                    fill={this.props.fill || "#000"}
                />
                <path
                    d="M625.6128
    700.8256l-28.8768 16.64v-42.3424l28.8768-16.6912v42.3936zM552.2944
    609.1776l-28.8768 16.6912v-42.3936l28.8768-16.64v42.3424zM481.4848 617.472l-28.8768 16.6912v-42.3936l28.8768-16.64v42.3424zM408.1664
    525.8752l-28.8768 16.6912v-42.3936l28.8768-16.6912v42.3936zM336.4352 534.8864l-28.8768 16.6912v-42.3936l28.8768-16.64v42.3424zM263.1168
    443.2896l-28.8768 16.64v-42.3424l28.8768-16.6912v42.3936z"
                    fill={this.props.fill || "#000"}
                />
                <path
                    d="M325.0688 515.7376c0 34.4576-24.1664
    48.4352-54.016 31.1808S217.0368 487.7824 217.0368 453.376s24.1664-48.4352 54.016-31.1808S325.0688 481.28 325.0688 515.7376zM469.1456 599.04c0
    34.4576-24.1664 48.4352-54.016 31.1808s-54.016-59.2384-54.016-93.6448 24.1664-48.4352 54.016-31.1808S469.1456 564.48 469.1456 599.04zM613.2736
     682.1376c0 34.4576-24.1664 48.4352-54.016 31.1808S505.2416 654.1824 505.2416 619.52s24.1664-48.4352 54.016-31.1808 54.016 59.3408
     54.016 93.7984z"
                    fill="#F6F6F6"
                />
            </svg>
        );
    }
}
export default Msg;
